import React, { Component } from 'react'

// 引入father 组件
import Father from './Father'
// 导入contextObj对象
import contextObj from './context'
console.log('contextObj', contextObj);
// Provider 是一个组件, 用来包裹后代接收数据的组件, 该组件有一个属性value 属性, 
// 该属性的值就是要提供的数据
const { Provider } = contextObj;

export default class Grandfather extends Component {
    state = {
        msg: '82年茅台'
    }
    render() {
        return (
            <div>
                <p onClick={() => {
                    this.setState((state) => {
                        return {
                            msg: '大宝剑'
                        }
                    })
                }}>爷爷</p>
                <Provider value={this.state.msg}>
                    <Father></Father>
                </Provider>
            </div>
        )
    }
}
